<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>招商加盟</title>
  <link rel="stylesheet" href="/style.css" />
  <link rel="stylesheet" href="./work.scss" />
</head>

<body>
  <header class="header">
    <div class="top max-sm:hidden bg-[#f5f5f5]">
      <div class="group flex items-center justify-end mx-auto h-[40px] md:w-[80rem]">
        <img src="./assets/img/wechat.png" width="17" alt="关注汇塑云" />
        <span class="text ml-1">关注汇塑云</span>
      </div>
    </div>
    <div class="nav py-4 flex justify-between items-center md:w-[80rem] mx-auto">
      <a href="/" class="logo flex">
        <img src="./assets/img/logo.png" width="52" class="md:w-[104px]" alt="">
        <img src="./assets/img/hsy.png" class="text ml-2 max-sm:hidden" width="125">
      </a>
      <div class="menu">
        <img src="./assets/img/menu.png" width="23" alt="" class="menu-btn hidden max-sm:block">
        <div class="modal fade-in">
          <div class="modal-menu">
            <img src="./assets/img/menu.png" width="23" alt="" class="menu-btn hidden max-sm:block m-4 ml-auto">
            <div class="modal-menu-item">
              <a href="index.html">首页</a>
            </div>
            <div class="modal-menu-item">
              <a href="work.html" class="active">业务体系</a>
            </div>
            <div class="modal-menu-item">
              <a href="join.html">招商加盟</a>
            </div>
            <div class="modal-menu-item">
              <a href="contact.html">联系我们</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="banner relative">
      <img src="./assets/img/swork.png" alt="" class="img md:hidden">
      <img src="./assets/img/work.png" alt="" class="img max-md:hidden">
      <div class="content md:max-w-7xl md:mx-auto">
        <h1>
          <b>汇塑云</b>业务体系
        </h1>
      </div>
    </div>
  </header>
  <main class="main md:w-[90rem] md:mx-auto md:px-[5rem]">
    <div class="py-10 md:py-20 px-4 md:px-8 overflow-hidden">
      <img src="./assets/img/work1.png"
        class="w-[170px] h-[145px] md:w-[440px] md:h-[300px] object-cover object-left mr-[22.5px] md:mr-[90px]"
        align="left" alt="">
      <h3 class="text-[15px] font-bold md:text-[26px] md:mt-[86px] md:mb-[14px] max-md:mb-[5px]">品牌推广</h3>
      <p class="text-xs leading-6 md:text-lg md:leading-10 text-[#666]">
        为塑化企业提供站内站外一站式品牌推广服务，涵盖营销定位，广告投放与代运营，获客引流等，提升企业曝光度与品牌影响力。</p>
    </div>
    <div class="flex py-10 md:py-20 px-4 md:px-8 overflow-hidden bg-[#eef2ff]">
      <div class="cont">
        <h3 class="text-[15px] font-bold md:text-[26px] md:mt-[86px] md:mb-[14px] max-md:mb-[5px]">直播营销</h3>
        <p class="text-xs leading-6 md:text-lg md:leading-10 text-[#666]">
          通过直播营销，短视频触达等形式，针对企业潜在客户做精准内容推送，收集高意向客户供企业转化，效能提升。</p>
      </div>
      <img src="./assets/img/work2.png"
        class="w-[170px] h-[145px] md:w-[440px] md:h-[300px] object-cover object-left ml-[22.5px] md:ml-[90px]" alt="">
    </div>
    <div class="block py-10 md:py-20 px-4 md:px-8 overflow-hidden">
      <img src="./assets/img/work3.png"
        class="w-[170px] h-[145px] md:w-[440px] md:h-[300px] object-cover object-left mr-[22.5px] md:mr-[90px]"
        align="left" alt="">
      <h3 class="text-[15px] font-bold md:text-[26px] md:mt-[86px] md:mb-[14px] max-md:mb-[5px]">会展服务</h3>
      <p class="text-xs leading-6 md:text-lg md:leading-10 text-[#666]">
        为百万塑化上下游企业提供国内外最新最全的展会信息报道，提供参展观展通道，实时了解掌握行业展会信息最前沿。</p>
    </div>
    <div class="flex py-10 md:py-20 px-4 md:px-8 overflow-hidden bg-[#eef2ff]">
      <div class="cont">
        <h3 class="text-[15px] font-bold md:text-[26px] md:mt-[102px] md:mb-[14px] max-md:mb-[5px]">供需匹配</h3>
        <p class="text-xs leading-6 md:text-lg md:leading-10 text-[#666]">链接百万塑化行业上下游企业入驻，打造塑化企业供需信息整合服务平台。</p>
      </div>
      <img src="./assets/img/work4.png"
        class="w-[170px] h-[145px] md:w-[440px] md:h-[300px] object-cover object-left ml-[22.5px] md:ml-[90px]" alt="">
    </div>
    <div class="block py-10 md:py-20 px-4 md:px-8 overflow-hidden">
      <img src="./assets/img/work5.png"
        class="w-[170px] h-[145px] md:w-[440px] md:h-[300px] object-cover object-left mr-[22.5px] md:mr-[90px]"
        align="left" alt="">
      <h3 class="text-[15px] font-bold md:text-[26px] md:mt-[86px] md:mb-[14px] max-md:mb-[5px]">交易服务</h3>
      <p class="text-xs leading-6 md:text-lg md:leading-10 text-[#666] overflow-hidden">
        服务范围覆盖通用塑料所有品类，并以延伸至改性工程塑料，助剂辅料，设备与制品等相关领域，提供塑化上下游企业一站式全方位的交易服务。</p>
  </main>
  <footer class="footer px-4 py-5 bg-[#0f1833] text-[#949ea8]">
    <div class="footer-content md:w-[80rem] md:mx-auto">
      <div class="col">
        <div class="title text-[15px] mb-2 leading-none">上海总部</div>
        <div class="addr text-[12px] mb-2">地址：上海市奉贤区大叶公路8188号8幢<br>
          邮箱：huisuclouds@huisuclouds.com　电话：13120887610</div>
      </div>
      <div class="col text-center max-sm:hidden">
        <img class="mb-3 mx-auto" src="./assets/img/qrcode.png" alt="" width="132">
        <span class="text-[18px]">关注汇塑云公众号</span>
      </div>
    </div>
    <div class="beian text-[12px] md:text-[18px] text-center">浙ICP备 2024106763号-1</div>
  </footer>
  <script src="./index.js" type="module">企业邮箱</script>
</body>

</html>
